<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>黄林-zol-注册页面</title>
	<script type="text/javascript" src="src/js/jquery-2.1.1.min.js"></script>
	<!--注册验证插件-->
	<script type="text/javascript" src="jquery plug-in/jquery-validation-1.15.0/dist/jquery.validate.js"></script>
	<script type="text/javascript" src="jquery plug-in/jquery-validation-1.15.0/dist/jquery.validate.extend.methods.js"></script>
	<script type="text/javascript" src="jquery plug-in/jquery-validation-1.15.0/dist/jquery.metadata.js"></script>
	<script type="text/javascript" src="jquery plug-in/jquery-validation-1.15.0/dist/localization/messages_zh.js"></script>
	<!--注册验证插件引入结束-->
	<!--引入cookie插件-->
	<script type="text/javascript" src="jquery plug-in/carhartl-jquery-cookie-92b7715/jquery.cookie.js">
		
	</script>
	
	<script type="text/javascript" src="src/js/register.js/register.js">
		
	</script>
	<link rel="stylesheet" type="text/css" href="src/css/register.css/register.css"/>
	
</head>
<body>
	<div id="zc-register-content">
		<div id="zc-logo">
			<div id="zc-logo-left">
				<span><a href="http://127.0.0.1:8020/zol/index.html" target="_blank"><img src="src/images/register/zc-logo.png"/></a></span>
			</div>
			<div id="zc-logo-right">
				<span>已经有ZOL商城账号？<a href="zc-login.html" target="_blank">立即登录</a></span>
			</div>
		</div>
		
		<!--注册信息-->
		<div id="register-main">
			<div id="register-main-content">
				<div>
					<img src="src/images/register/30.png"/>
				</div>
				
				<!--验证-->
				<div class="verify">
					<div id="verify-left">
						<img src="src/images/register/register-by-model.png"/>
						<form>
							<p><span class="red">*</span>手机号:<input type="text" name="mobile" id="userMobile" value="" class="long"/></p>
							<p class="retract">请输入手机号码</p>
							<p><span class="red">*</span>验证码:<input type="text" name="" id="verification" value="" class="short"/><i id="math">获取验证码</i></p>
							<p class="retract">请填写图片验证码</p>
							<p><span class="red">*</span>验证码:<input type="text" name="" id="" value="" class="short"/><b id="model">获取短信验证码</b></p>
							<p class="retract">请填写手机号码，然后点击[获取验证码]</p>
							<p><span class="red">*</span>密&nbsp;码:<input type="password" name="pwd" id="password" value="" class="long"/></p>
							<p class="retract">6-16位字母和数字的组合，不可用特殊符号</p>
							<p><span class="red">*</span>确认密码:<input type="password" name="cpwd" id="confirmPwd" value="" class="long"/></p>
							<p class="retract">再次输入密码</p>
							<p><input type="checkbox" name="check" id="agree" value="" checked="checked"/>同意<span class="blue">《商城用户协议》</span><span class="blue">《隐私权说明》</span></p>
							<p><input type="submit" name="" id="submit" value="注册" /></p>
						</form>
					</div>
					
					<!--已注册-->
					<div id="verify-right">
						<p>如果您已注册，请<a href="zc-login.html" target="_blank">直接登录</a></p>
						<p>或者用以下方式登录:</p>
						<p class="curpoint"><img src="src/images/register/weixin.png"/></p>
						<p class="curpoint"><img src="src/images/register/weibo.png"/></p>
						<p class="curpoint"><img src="src/images/register/QQ.png"/></p>
						<p class="curpoint"><img src="src/images/register/alipay.png"/></p>
						<p class="curpoint"><img src="src/images/register/baidu.png"/></p>
					</div>
				</div>
			</div>
		</div>
		
		<!--关于-->
		<p id="z-about"><span>关于ZOL商城</span><span>|</span><span>联系我们</span><span>|</span><span>帮助中心</span><span>©2016. 中关村在线 版权所有</span></p>
	</div>
</body>
</html>
